.my-table{
  .link{
    text-decoration: underline;
  }

  .yellow{
    color: #F8E71C;
  }

  .blue{
    color: #00FFFF;
  }

  .green{
    color: #1CC369;
  }
  .red{
    color: #DF4D6F;
  }

  .input input{
    height: 19px;
    background: #2B2F3E;
    border-radius: 3px;
    color: #eee;
    width: 40px;
  }

  .pc-btn{
    height: 19px;
    background: #DF4D6F22;
    border-radius: 3px;
    font-size: 9px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 19px;
    color: #FF89A5;
    border: none;
    margin-left: 4px;
  }

  .icon{
    display: inline-block;
    position: relative;
    text-align: center;
    &::before{
      content: '';
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 5px;
      padding: 3px;
      border-radius: 2px;
    }
    &.empty::before{
      color: #F15C41;
      background-color: #DF4D6F33;
    }
    &.more::before{
      color: #00C873;
      background-color: #00AD5033;
    }
  }
}